﻿ /* jqModal base Styling courtesy of;
 Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
 the Window's z-index value will be set to 3000 by default (via jqModal.js). */
/*img{width:100%;height:100%;}*/
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}

/* line 8, ../sass/screen.scss */
.clearfix:after {
  clear: both;
}

/* line 9, ../sass/screen.scss */
.clearfix {
  zoom: 1;
}

li{list-style:none;}

/*input {
    border:none;
    outline:none;
}*/

input{
    border:none!important;
    outline:none!important;
}


ul{margin:0;list-style:none;padding:0;}
.clear{clear:both;}
.pop_bg{
 width:466px;
 font-size:10px;
 background:#FFFFFF;
 overflow:hidden;
 font-family:Arial, Helvetica, sans-serif;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
 width: expression(this.parentNode.offsetWidth+'px');
 height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}



.pop_head img {
 width: 100%;
    height: 100%;
}

.pop_head .head_left{
 width:120px;
 float:left;
 margin-right:16px;
}

.pop_head .head_left .logo_mer{
 width:114px;
 height:114px;
 
 border:1px solid #e1dfdf;
 
 -webkit-box-shadow: #e1dfdf 0px 0px 12px;
 -moz-box-shadow: #e1dfdf 0px 0px 12px;
 box-shadow: #e1dfdf 0px 0px 12px; 
 
 -moz-border-radius:10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 -moz-background-clip:    padding;
 -webkit-background-clip: padding-box;
 background-clip:         padding-box;
}
.pop_head .head_left .address{margin:10px 0 0; font-size:16px; padding:0;width:400px;}

.pop_head .head_right{width: 328px;float: right; overflow:hidden;}
.pop_head .head_right .mer_name{
 font-size:18px;
 line-height:0px;
}
.pop_head .head_right .get_discount{
 height: 66px;
 
 color: #91C164;
 font-size: 22px;
 
 display:table-cell;
 vertical-align:middle;
 
 word-wrap:break-word;
}
.share_fb{font-size:16px;}
.share_fb span{margin-right:20px;}

.pop_under{
 margin-top:10px;
}

.pop_under ul{
 
}
.pop_under ul li {
 float:left;
}
.pop_under ul li.non_pad{margin-right:0;}
.pop_under ul li .email_input input[type="text"]{
 background:url(../../images/input_email_flyout.jpg) no-repeat;
 
 height: 50px;
 width: 283px;
 overflow: hidden;
 padding: 0 10px 0 55px;
 outline: none;
 font-size: 14px;
 margin-right:5px; 
}

.pop_under .passwordtext{
 background:url(../../images/input_pass_flyout.jpg) no-repeat;
 height: 50px;
 width: 283px;
 overflow: hidden;
 padding: 0 10px 0 55px;
 outline: none;
 font-size: 14px;
 margin-right:5px;
}

.pop_under ul li .claim_button input[type="button"]{
 background:url(../../images/bt_claim.jpg) no-repeat;
 
 height:50px;
 width:101px;
 
 float:right;
 
 color:#FFFFFF;
 padding-bottom:4px;
 font-size:14px;
 
 margin-top: 5px;
}

.pop_under ul li p{ margin:0;}
    .pop_under .passwordinput input[type="button"].passbutton {
        background: url(../../images/bt_pass.png) no-repeat;
        height: 49px !important;
        min-width: 47px !important; /* I hate this line, it breaks the Windows 8's philosophy. */
        text-align: center !important;
        color: #fff;
        padding-bottom: 4px;
        font-size: 14px;
        padding-left: 5px !important;
}

.hieuButton {
    text-align: center !important;
    height:49px !important;
    width:47px !important;
    margin-right:5px !important;
    margin-top: 5px !important;
}

.passwordinput li{float:left;}
.passwordinput li input[type="button"].passbutton {margin-right:5px !important;}



.pop_under .get_coupon{
 text-align:center;
 font-size:14px;
}
.pop_under .sms{
 padding: 16px 0 0 80px;
 text-align:center;
 font-size: 18px;
 background: url(../../images/Tip_sms_flyout.jpg) no-repeat;
 width: 374px;
 height: 56px;
 color: #666;
 
 
}

/*
.pop_under ul li .login_input{position:relative;}
.pop_under ul li .login_input input[type="text"]{
 overflow: hidden;
 padding-right: 90px;
 background: url(../../images/input_login.jpg) no-repeat;
 height: 95px;
 width: 196px;
 outline:none;
 
 padding-left:20px;
 
 font-size:16px;
}


.pop_under ul li .tipid_input{position:relative;}
.pop_under ul li .tipid_input input[type="text"]{
 overflow: hidden;
 padding-right: 90px;
 background: url(../../images/input_join.jpg) no-repeat;
 height: 95px;
 width: 196px;
 outline:none;
 
 padding-left:20px;
 
 font-size:16px;
 
}

.pop_under ul li input[type="button"].login{
 text-indent:-9999px;
 width:84px;
 height:84px;
 
 position:absolute;
 left:220px;
 top:0;
 
 background:transparent;
}

.pop_under ul li input[type="button"].join{
 text-indent:-9999px;
 width:84px;
 height:84px;
 
 position:absolute;
 left:220px;
 top:0;
 
 background:transparent;
}
*/

/* Style the flyout. */
#productFlyout {
    border: 1px solid #fff;
    -webkit-box-shadow: 0px 0px 30px 0px #616161; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    box-shadow: 0px 0px 30px 0px #616161; /* Opera 10.5, IE9, Firefox 4+, Chrome 6+, iOS 5 */
}

/** Make the X button in email input smaller. */
.email_input input[type=text]::-ms-clear
{
    height: 30px;
    width: 30px;
}